<template>
    <div class="ejectP">
           <u-navbar :is-back="true" title="提现" back-text='' >
      <view class="slot-right" style="width: 100%;display: flex;justify-content: flex-end;" >
				<!-- <div>
                <img @click="goSettingM" style="width: 1rem;padding: 1rem;" src="../../style/image/my/设 置.png" alt="">
                </div> -->
			</view>
      </u-navbar>

        <div class="heads" >
                <div style="
font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
color: #656565;" >请输入提现金额</div>
                <u-input  style="margin:1rem 0rem" v-model="value"   placeholder='¥0.00'  />    
       
            <div style="
font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
color: #656565;" >可提现金额：1000.00元</div>

            <div style="display: flex;
justify-content: space-between;">
            <div style="font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
color: #656565;">冻结金额：0.00元</div>
            <div style="font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
text-decoration: underline;
color: #656565;" >什么是冻结金额？</div>
            </div>
        </div>

        <div class="tips">
        注：为避免其他代理商设备占用您的底座，影响您的收益，请保
持账户有足够的余额
        </div>


        <div class="appily">

         <div class="myProlifIcon-title">
          <div class="myProlifIcon"></div>
          <div class="myProlifIcon-text">提现方式</div>
        </div>

        <div class="way" >

            <div style="display: flex;
align-items: center;">
                <img style="width:2rem" src="../../style/image/Shome/appily.png" alt="">
                <div style="font-size: 0.83rem;
font-family: PingFang SC;
font-weight: 300;
color: #000000;
margin-left: 0.5rem;" >支付宝</div>
            </div>

            <div>
           <u-radio-group v-model="radioValue">
	       <u-radio name='1' active-color="#02af74" shape="circle"></u-radio>
           </u-radio-group>

            </div>
        </div>

        </div>


               <div class="footP" >
            <div  @click="addPosM" style="padding: 0.7rem;
display: flex;align-items: center;" >
                <!-- <img style="width: 1rem;" src="../../style/image/cargo/add.jpg" alt=""> -->
                <div  style="color: white;
margin-left: 0.2rem;">确认提现</div>
            </div>

    </div>

        

       
    </div>
    </div>
</template>

<script lang='ts' >
import { Component, Prop, Vue, Watch, Emit } from "vue-property-decorator";

@Component({
  //   @Component  是一个装修器   不可以在下面写语句
  name: "test",
})
export default class extends Vue {
  @Prop({
    type: String, // 父组件传递给子组件的数据类型
    required: false, // 是否必填
    default: " ", // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
  })
  msg!: string;
  public radioValue='1'

  created() {}

  mounted() {
    //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑
    //  uni.navigateTo({
    // url: './selectBusin'
    // });
  }

  goejectNextM() {
    console.log("123");
  }
}
</script>

<style  scoped>
>>> .u-input__input {
  min-height: 38px;
  font-size: 2rem;
}

.heads {
  margin: 1rem;
  padding: 1rem;

  box-shadow: 1px 1px 10px 3px rgba(144, 144, 144, 0.1);

  /* box-shadow: 0rem 0rem 1px 1px rgba(0, 0, 0, 0.1); */
  border-radius: 0.3rem;
}

.tips {
  font-size: 0.66rem;
  font-family: PingFang SC;
  font-weight: 300;
  color: #656565;
  margin: 1rem;
}
.appily {
  margin: 1rem;
}
.myProlifIcon-title {
  display: flex;
  align-items: center;
  margin: 1rem 0rem;
}
.myProlifIcon-text {
  /* // width: 20.84rem;
    // height: 49.09rem; */
  margin-left: 0.3rem;
}
.myProlifIcon-func-content {
  display: flex;
}

.myProlifIcon {
  width: 0.17rem;
  height: 0.84rem;
  background: #02b074;
  border-radius: 1rem;
}
.myProlifIcon-content {
  height: 7.7rem;
  background: #ffffff;
  box-shadow: 1rem 0.5rem 1rem 0.5rem rgba(154, 154, 154, 0.18);
  border-radius: 0.5rem;
  padding: 1rem;
}


.way{

border-bottom:  1px solid  #E5E5E5;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0.5rem;
}

.footP {
  position: absolute;
  bottom: 0;
  background-color: #02af74;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>